

// @for <variable> from <expression> to <expression> {...} 或者 @for <variable> from <expression> through <expression> {...}
// 从第一个表达式（数字）开始，向上或向下计数到另一个数字（第二个表达式）。
// 可以使用 through 关键字包含最后一个数字。使用 to 不包含最后一个数字

@use "sass:color";

$base-color: #036;

@for $i from 1 through 3 {
  ul:nth-child(3n + #{$i}) {
    background-color: color.scale($base-color, $lightness: $i * 5%);
  }
}